
@main(null) {
    
    @if(flash.containsKey("error")) {
        
        <div class="alert-message error">
            <p>
                <strong>Oops!</strong> @flash.get("error")
            </p>
        </div>
        
    }
    <div class="alert-message block-message info">
        <p>
            <strong>Websocket Play!</strong> 
            To start, choose a number of players, number of starting coins, username and sign in using the top right form.
        </p>
    </div>
    
    <form action="@routes.Application.createTable()" class="pull-right">
              <!--<input id="numberOfPlayers" name="numberOfPlayers" class="input-small" type="text" placeholder="Number of players">-->
              <select id="numberOfPlayers" name="numberOfPlayers">
              	 <option value="2">2</option>
				 <option value="3">3</option>
				 <option value="4">4</option>
			     <option value="5">5</option>
			     <option value="6">6</option>
			  </select>
              <input id="startingCoins" name="startingCoins" class="input-small" type="text" placeholder="Players coins">
              <input id="bigBlind" name="bigBlind" class="input-small" type="text" placeholder="Big Blind">
              <input id="smallBlind" name="smallBlind" class="input-small" type="text" placeholder="Small Blind">
              <input id="username" name="username" class="input-small" type="text" placeholder="Username">
              <button class="btn" type="submit">Confirm</button>
    </form>    
      
}